React Native问题集锦及解决方案

在React Native的实际开发过程中,会遇到各种各样的问题,有时候花了一段时间去解决完一个问题之后,过了很久可能会又遇到了,由于当时没有记录与总结,所以很可能忘了,然后只能继续去踩坑了,虽然踩坑的速度要比之前快些,但总是费事,所以我将我遇到的问题作一个记录,一个是方便自己查看,另一个希望给有遇到过相同或者相似问题的童鞋一点帮助

TextInput获得焦点时,模拟器不出现键盘

需要勾选Hardware -> Keyboard -> Toggle Software keyboard

路由跳转的时候,会出现透明的背景色,看起来很不协调

可以给组件添加一个背景色

导入第三方组件react-native-scrollable-tab-view的时候报错,后来发现是版本依赖的问题

安装react-native-scrollable-tab-view的时候指定它的版本为0.7.0,即

1
npm install --save react-native-scrollable-tab-view@0.7.0

Android 不支持 GIF格式的图片

Android 默认是不支持加载GIF的,需要在android/app/build.gradle中添加一些依赖模块

1
2
3
4
5
6
7
8
9
10
11
12
13
14
dependencies {
// If your app supports Android versions before Ice Cream Sandwich (API level 14)
compile 'com.facebook.fresco:animated-base-support:1.3.0'

// For animated GIF support
compile 'com.facebook.fresco:animated-gif:1.3.0'

// For WebP support, including animated WebP
compile 'com.facebook.fresco:animated-webp:1.3.0'
compile 'com.facebook.fresco:webpsupport:1.3.0'

// For WebP support, without animations
compile 'com.facebook.fresco:webpsupport:1.3.0'
}

重新编译,可以看到GIF成功加载了

坚持原创技术分享,您的支持将鼓励我继续创作!